// 引入路由实例
import router from '@/router'
// 引入 store vuex 实例
import store from '@/store'

// 调用路由守卫
router.beforeEach(async(to, from, next) => {
  //   to 目的地 /  from 来源  /  next  放行
  const token = store.getters.token
  const url = to.path
  const whiteList = ['/login', '/404', '/test']
  // 1. 有 token 去 登录页 => 跳到首页
  if (token && url === '/login') {
    next('/')
  }

  //   2.有 token 不是去登录页 => 放行
  if (token && url !== '/login') {
    if (!store.state.user.userInfo.userId) {
      await store.dispatch('user/getUserInfo')
    }
    next()
  }
  // 3. 没有 token 在 白名单 => 放行
  if (!token && whiteList.includes(url)) {
    next()
  }
  // 4. 没有token 不在白名单 = > 跳到登录页
  if (!token && !whiteList.includes(url)) {
    next('/login')
  }
})
